@extends('home.layout.base')
<link rel="stylesheet" href="{{URL::asset('./css/hrmy/info.css')}}">

@section('content')
<div class="mainHrContent" id="hrInfo">
    <div class="storelistTitle">
        <span class="storelistTitle_left">
            <span>

                <img src="{{URL::asset('./img/icon/home.png')}}">
            </span>
            <span><a href="{{route('home.index.index') }}">首页</a> >
                <a href="{{route('home.hrmy.hrIndex') }}">用户中心</a>
                > 基础信息

            </span>
        </span>
        <span class="storelistTitle_right">
            <span>找不到合适的供应商？发个需求试试？</span>
            <button @click=" window.location.href = '{{ route('home.demand.demandAdd') }}'">免费发布需求</button>
        </span>
    </div>
    <div class="hrContent">
        @include('home.hrmy.menu')
        <div class="basicInfo" id="hrInfos">
            <div class="basicInfo_title">
                <span></span>
                基础信息
                <button><a :href="'{{route('home.hrmy.hrInfoEdit')}}?userId='+userBasicInfo.id">修改</a></button>
            </div>
            <div class="userDetails">
                <p>
                    <span class="details_title">头&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;像：</span>
                    <img :src="userBasicInfo.avatar">
                </p>
                <p>
                    <span class="details_title">昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称：</span>
                    @{{userBasicInfo.username}}
                </p>
                <p>
                    <span class="details_title">账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</span>
                    @{{userBasicInfo.user_sn}}
                </p>
                <p>
                    <span class="details_title">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</span>
                    @{{userBasicInfo.nickname}}
                </p>
                <p>
                    <span class="details_title">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</span>
                    @{{userBasicInfo.sex==1?'男':'女'}}
                </p>
                <p>
                    <span class="details_title">手机号码：</span>
                    @{{userBasicInfo.mobile}}
                </p>
                <p>
                    <span class="details_title">电子邮箱：</span>
                    @{{userBasicInfo.email}}
                </p>
                <p>
                    <span class="details_title">公司名称：</span>
                    @{{userBasicInfo.company_name}}
                </p>
                <p>
                    <span class="details_title">部&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;门：</span>
                    @{{userBasicInfo.hr_department}}
                </p>
                <p>
                    <span class="details_title">职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位：</span>
                    @{{userBasicInfo.hr_position}}
                </p>
                <p>
                    <span class="details_title">公司类型：</span>
                    @{{userBasicInfo.company_type_name}}
                </p>
                <p>
                    <span class="details_title">公司行业：</span>
                    @{{userBasicInfo.company_industry_name}}
                </p>
                <p>
                    <span class="details_title">员工人数：</span>
                    @{{userBasicInfo.company_size_name}}
                </p>
                <p>
                    <span class="details_title">HR部门人数：</span>
                    @{{userBasicInfo.hr_size_name}}
                </p>
            </div>
        </div>
    </div>
</div>
@endsection
@section('compontentScipts')
<script>
    $(() => {
        let hrInfo = new Vue({
            el: '#hrInfos',
            data: () => {
                return {
                    userBasicInfo: {},
                }
            },
            created() {
                let data = {}
                apiAjax("{{ route('home.user.userBasicInfoApi')}}", 'get', data, (res) => {
                    if (res.code == 0) {
                        this.userBasicInfo = res.data;
                    } else {
                        this.$message({
                            message: res.msg,
                            type: 'warning'
                        });
                    }
                }, (erro) => {

                });
            },
            mounted() {},
            methods: {}
        })
    })
</script>
@endsection